<template>
  <Carousel/>
  <el-card class="main-info-card">
    <el-card class="card1">
      <Notice/>
      <Server/>
    </el-card>
    <el-card class="card2">
      <Action/>
      <Route/>
    </el-card>
    <el-card class="card3">
      <el-card style="height: 50%">
        <Collection/>
        <Shop/>
      </el-card>
      <News/>
    </el-card>
    <el-card class="card4">
      <Video/>
      <Forum/>
      <ContactUs/>
    </el-card>s
  </el-card>
</template>

<script>
import Notice from '@/pages/index/body/portal/reception/card1/notice/Notice'
import Server from '@/pages/index/body/portal/reception/card1/server/Server'
import Action from '@/pages/index/body/portal/reception/card2/activity/Activity'
import Route from '@/pages/index/body/portal/reception/card2/route/Route'
import Collection from '@/pages/index/body/portal/reception/card3/card1/collection/Collection'
import Shop from '@/pages/index/body/portal/reception/card3/card1/shop/Shop'
import News from '@/pages/index/body/portal/reception/card3/card2/news/News'
import Video from '@/pages/index/body/portal/reception/card4/video/Video'
import Forum from '@/pages/index/body/portal/reception/card4/forum/Forum'
import ContactUs from '@/pages/index/body/portal/reception/card4/contactUs/ContactUs'
import Carousel from '@/pages/index/body/portal/carousel/Carousel'

export default {
  // eslint-disable-next-line vue/multi-word-component-names
  name: 'Portal',
  components: {
    Carousel,
    ContactUs,
    Forum,
    Video,
    News,
    Shop,
    Notice,
    Server,
    Action,
    Route,
    Collection
  }
}
</script>

<style lang="less">
@import "portal.less";
</style>
